<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
  <style>
    use:not(:target) { display: none; }

    path { fill: #999; }
    circle { fill: none; stroke: #999; stroke-width: 2; }

    #help-hover path { fill: #fff; }
    #help-hover circle { fill: #808080; stroke: #808080; }

    #help-pressed path { fill: #fff; }
    #help-pressed circle { fill: #666; stroke: #666; }
  </style>

  <defs>
    <g id="help-shape">
      <circle cx="12" cy="12" r="11" />
      <path d="M12.2,4.9c-1.6,0-2.9,0.4-3.8,0.8L9.2,8c0.6-0.4,1.5-0.6,2.2-0.6c1.1,0,1.6,0.5,1.6,1.2 c0,0.7-0.6,1.3-1.3,2.1c-1,1.1-1.4,2.1-1.3,3.2l0,0.5h3V14c0-0.9,0.3-1.7,1.2-2.5c0.9-0.9,1.9-1.9,1.9-3.4 C16.6,6.4,15.2,4.9,12.2,4.9z M12,16.1c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.8,1.9,1.9,1.9c1.2,0,1.9-0.8,1.9-1.9 C13.9,16.9,13.1,16.1,12,16.1z"/>
    </g>
  </defs>

  <use id="help"          xlink:href="#help-shape" />
  <use id="help-hover"    xlink:href="#help-shape" />
  <use id="help-pressed"  xlink:href="#help-shape" />
</svg>
